@media screen and (max-device-width: 480px) and (orientation: portrait){
	div#wrapper{
		width: 100%;
	}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  div#wrapper{
		width: 100%;
	}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
	div#wrapper{
		width: 100%;
	}
	
}
	/**GENERAL STYLES**/
	html,body{
		min-height: 100%;
		padding: 0;
		margin: 0;
	}
	
	div#Heading{
		height: 93px;
		position: relative;
		font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
		font-size: 15mm;
		font-weight:bold;
		color: white;
		text-align: center;
	}
	
	div#Heading2{
		height: 60px;
		position: absolute;
		font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
		font-size: 13mm;
		font-weight:bold;
		color: white;
		text-align: center;
		width:100%;
		top: 0;
		left: 0;
		background-color: #B365D4;
	}
	
	div#Heading3{
		height: 60px;
		position: absolute;
		font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
		font-size: 9mm;
		font-weight:bold;
		color: white;
		text-align: center;
		width:100%;
		top: 0;
		left: 0;
		background-color: #B365D4;
	}
	div#Heading3-alt{
		height: 60px;
		position: fixed;
		font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
		font-size: 9mm;
		font-weight:bold;
		color: white;
		text-align: center;
		width:100%;
		top: 0;
		left: 0;
		background-color: #B365D4;
	}
	
	.headingBG{
		background-color: #B365D4;
	}
	
	div#content{
		min-height: 100vmin;
	}
	
	div#footer{
		font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
		height: 60px;
	 	width: 100%;
	 	bottom: 0;
	 	position: relative;
	}
	
	#footer>div{
		display: inline-block;
	}
	
	#copyright{
		left: 40%;
	}
	
	#copyright > h4{
		font-weight: bold;
		color: #9318F2;
	}
	
	#contactMe > h4{
		font-weight: bold;
		color: #9318F2;
	}
	
	div#sideBar{
		position: fixed;
		left:0;
		border-radius: 10px;
		height: 150px;
		top: 40%;
		width: 40px;
	} 
	.sideBarIndividual{
		position: relative;
		height: 50px;
		width: 40px;
		text-align: center;
		color: white;
		vertical-align: middle;
		padding-top: 10px;
		cursor: pointer;
	}

	div#fb{
		background-color: #4470CF;
	}
	div#linkedin{
		background-color: #6EB3D5;
	}
	div#contactUS{
		background-color:#FF0088;
	}
	input[type="text"],input[type="email"],input[type="number"],input[type="password"]{ 
		width: 100%;
	    border-radius:2px; 
	    border: solid 1px #ccc; 
	    background-color: #f5f5f5; 
	    height: 38px;
	    font-size:30px;
    	line-height:30px;
	}
	input[type="textarea"]{
		width: 100%;
	    border-radius:2px; 
	    border: solid 1px #ccc; 
	    background-color: #f5f5f5; 
	    height: 65px;
	    font-size:30px;
    	line-height:55px;
	}
	
	input[type="submit"]{
		width: 100%;
		height: 42px;
		background-color: #693E73;
		color: white;
		font-size: 30px;
	}
	input[type=checkbox]
	{
	  -ms-transform: scale(2); /* IE */
	  -moz-transform: scale(2); /* FF */
	  -webkit-transform: scale(2); /* Safari and Chrome */
	  -o-transform: scale(2); /* Opera */
	  padding: 10px;
	}

	a{
		color: white;
		text-decoration: none;
		font-size: 6mm;
		vertical-align: middle;
	}
	
	.bodyBG{
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.63, #B95EFF),
			color-stop(0.89, #FFFFFF)
		);
		background-image: -o-linear-gradient(bottom, #B95EFF 63%, #FFFFFF 89%);
		background-image: -moz-linear-gradient(bottom, #B95EFF 63%, #FFFFFF 89%);
		background-image: -webkit-linear-gradient(bottom, #B95EFF 63%, #FFFFFF 89%);
		background-image: -ms-linear-gradient(bottom, #B95EFF 63%, #FFFFFF 89%);
		background-image: linear-gradient(to bottom, #B95EFF 63%, #FFFFFF 89%);
	}
	
	.bodyBG-2{
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.75, #9318F2),
			color-stop(0.89, #FFFFFF)
		);
		background-image: -o-linear-gradient(bottom, #9318F2 75%, #FFFFFF 89%);
		background-image: -moz-linear-gradient(bottom, #9318F2 75%, #FFFFFF 89%);
		background-image: -webkit-linear-gradient(bottom, #9318F2 75%, #FFFFFF 89%);
		background-image: -ms-linear-gradient(bottom, #9318F2 75%, #FFFFFF 89%);
		background-image: linear-gradient(to bottom, #9318F2 75%, #FFFFFF 89%);
	}
	/**INDEX PAGE ONLY**/
	#BodyBackground, 
	#message{
		background-color: #BA74CA;
		color: white;
	} 
	
	#options{
		height: 400px;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	#options-1{
		padding-top: 120px;
		padding-bottom: 80px;
	}
	
	#book,
	#view,
	#prices{
		text-align:center;
		border-radius: 50%;
		width: 160px;
		height: 150px;
		padding-top: 40px;
		font-size: 24px; 
		font-weight: bold;
	}
	
	#book > a ,
	#view > a ,
	#prices > a{
		padding-top:15px;
		color: white;
		text-decoration: none;
	}
	
	#book{
		background-color:#FFD700;
		color: white;
		margin-left: auto;
		margin-right: auto;
	}
	#view{
		background-color: #A101A6;
		color: white;
		margin-left: auto;
		margin-right: auto;
	}
	#prices{
		background-color: #95EC00;
		color: white;
		margin-left: auto;
		margin-right: auto;
	}
	
	#dialogError{
		background-color: #FF4040;
		color:white;
		text-decoration: none;
		height: 40px;
		position: absolute;
		width: 100%;
		margin-top: 100px;
	}
	
	/**CHECKBOX STYLES FOR TREATMENT SELECT**/
	.regular-checkbox {
		-webkit-appearance: none;
		background-color: #fafafa;
		border: 1px solid #cacece;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		padding: 9px;
		border-radius: 3px;
		display: inline-block;
		position: relative;
	}
	
	/*BOOKING STYLES**/
	.calendarStyle{
		top: 0;
		left: 0;
		padding-top: 60px;
		position: absolute;
		min-width: 100%;
	}
	.left{
		float: left;
		padding-left: 5px;
	}

	.right{
		float: right;
		padding-right: 5px;
	}
	
	#time{
		width: 250px;
	}
	
	.trHeading{
		background-color: #1D0772;
		color: white;
		font-weight: bold;
		font-size: 15px; 
		height: 17px;
		width: 100%;
		text-align: center;
	}
	
	.evenRow{
		background-color: #D9EDF7;
		color: #24526B;
		font-size: 13px; 
		width: 100%;
	}
	
	.oddRow{
		background-color: #FFFFFF;
		color: #24526B;
		font-size: 13px; 
		width: 100%;
	}
	.space1{
		width: 10px;
		text-align: center;
	}
	.space2{
		text-align: left;
		padding-left: 5px;
	}
	table{
		min-width: 100vmin;
		vertical-align: text-top;
	}
	#return{
		width: 100%;
		height: 42px;
		background-color: #24526B;
		color: white;
		font-size: 30px;
		font-weight: bold;	
	}

	.dtSelectRelative{
		position: relative;
		width: 100%;
		height: 42px;
		background-color: #693E73;
		color: white;
		font-size: 30px;
	}
	
	.dtSelectFixed{
		position: fixed;
		top: 50%;
		right: 0;
		width: 28%;
		height: 50px;
		background-color: #693E73;
		color: white;
		font-size: 25px;
	}
	
	.dtSelectFixed:before{
		content: "Proceed";
	}
	
	.footerTable{
		margin-left: auto;
	 	margin-right: auto;
	}
	
	/**CONTACT US DIALOG*/
	#contactUsDialog{
       position: absolute;
       width:100%;
       height: 70%;
       background-color: #ffffff;
       z-index:100;
       border: 2px solid #B365D4;
       top: 10%;
       left: 0;
       border-radius: 10px;
   }
   .dashed{
       border: 0;
       border-bottom: 1px dashed #ccc;
   }
   
   .showPersonalDialog{
       display:block;
   }
   
   .hidePersonalDialog{
        display:none;
   }
   
   .vertical{
       background-color: #000;
       width: 2px;
       height: 100%;
       border-bottom: 1px dashed #ccc;
   }
   #modalContactUsBackground{
       position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
       left: 0%; /* makes the div span all the way across the viewing area */
       top: 0%; /* makes the div span all the way across the viewing area */
       background-color: black;
       -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
       opacity: .70;
       filter: alpha(opacity=70);
       width: 100%;
       height: 100%;
       z-index: 90;
   }
   
   .right{
       float: right;
       padding-right: 5px;
   }
   .left{
       float:left;
       padding-left: 5px;
   }
   
   .emailSection{
       width: 65%;
       height: 80%;
       overflow:hidden;
   }
   
   .middle{
       overflow:hidden;
       float: left;
       width:2%;
       height: 80%;
   }
   
   .contactSection{
       width: 30%;
       height: 80%;
       float: left;
       overflow:hidden;
   }
   .close{
       padding-top:10px;
       padding-right: 10px;
   }
   a.close{
       text-decoration-style:none;
       color:#B365D4;
   }
   
   .btn{
       text-decoration: none; 
       font: menu;
       display: inline-block; 
       padding: 2px 8px;
       background: ButtonFace; 
       color: ButtonText;
       border-style: solid; border-width: 2px;
       border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
       border-radius:2px;
   }
   .btn-danger{
       background-color:#FF4040;
       color:white;
   }
   .btn-primary{
       background-color:#4869D6;
       color:white;
   }